<template>
    <flexbox align="start">
      <div class="category-list">
        <flexbox orient="vertical">
            <div v-for="category in categories" :key="category.id">
                {{category.title}}
            </div>
        </flexbox>
      </div>
      <flexbox-item style="flex:1">
            <category-summary></category-summary>
      </flexbox-item>
    </flexbox>
</template>
<script>
import {Flexbox, FlexboxItem, XButton} from 'vux'
import CategorySummary from './CategorySummary'
export default {
    name: 'Category',
    components: {
        Flexbox,
        FlexboxItem,
        XButton,
        CategorySummary
    },
    data () {
        return {
            categories: [{'id': 1, 'title': '手机数码'}, {'id': 2, 'title': '电脑办公'}]
        }
    }
}
</script>

<style>
.category-list {
  background: #fff;
}
</style>
